<template>
	<div>
		<transition :name='tranName'>
			<router-view></router-view>
		</transition>
	</div>
</template>

<script>
export default {
		data: function() {
			return {
				tranName: 'sellerLg'
			}
		},
		
		
		watch: {　　　
			'$route' (from,to ) {　　　

				
				if(to.path == '/buller/self') {
					this.tranName = 'sellerLg'　　
				} else {
					this.tranName = 'sellerTwo'　　
				}　　　　　　
			}　
		}
	}
</script>

<style scoped>
	.sellerLg-enter {
		opacity: 0;
		width: 100%;
		transform: translateX(100%);
		position: absolute;
	}
	
	.sellerLg-enter-active,
	.sellerLg-leave-active {
		transition: all 0.5s;
	}
	
	.sellerLg-leave-to {
		opacity: 0;
		width: 100%;
		transform: translateX(-100%);
		position: absolute;
	}
	
	.sellerTwo-enter {
		opacity: 0;
		width: 100%;
		transform: translateX(-100%);
		position: absolute;
	}
	
	.sellerTwo-enter-active,
	.sellerTwo-leave-active {
		transition: all 0.5s;
	}
	
	.sellerTwo-leave-to {
		opacity: 0;
		width: 100%;
		transform: translate(100%);
		position: absolute;
	}
</style>